<div class="col-md-3 left_col">
	<div class="left_col scroll-view">
		<div class="navbar nav_title" style="border: 0;">
			<a href="javascript:void(0)" class="site_title">
			<i class="fa fa-paw"></i>
			<span>后台管理系统</span></a>
		</div>

		<div class="clearfix"></div>

		<!-- menu profile quick info -->
		<div class="profile clearfix">
			<div class="profile_pic">
				<img name="userImage" th:src="${session.user.userImage}" alt="..." class="img-circle profile_img">
			</div>
			<div class="profile_info">
				<span>Welcome,</span>
				<h2><span name="userName" th:text="${session.user.userName}"></span></h2>
			</div>
		</div>
		<!-- /menu profile quick info -->

		<br />

		<!-- sidebar menu -->
		<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
			<div class="menu_section">
				<ul class="nav side-menu">
					<li>
						<a href="/common/dashboard">
							<i class="fa fa-home"></i> Dashboard
						</a>
					</li>
			<!--		&lt;!&ndash; for home &ndash;&gt;
					<li>
						<a>
							<i class="fa fa-home"></i> 
							Home 
							<span class="fa fa-chevron-down"></span>
						</a>
						<ul class="nav child_menu">
							<li><a href="javascript:void(0)">Dashboard</a></li>
							<li><a href="javascript:void(0)">Dashboard2</a></li>
							<li><a href="javascript:void(0)">Dashboard3</a></li>
						</ul>
					</li>
					-->
					<!-- account -->
					<li>
						<a>
						<i class="fa fa-user-secret"></i> 
						account 
						<span class="fa fa-chevron-down"></span>
						</a>
						<ul class="nav child_menu">
							<li shiro:hasAnyRoles ="manger,admin"><a href="/account/users">users</a></li>
							<li shiro:hasAnyRoles ="manger,admin"><a href="/account/roles">roles</a></li>
							<li shiro:hasAnyRoles ="manger,admin"><a href="/account/resources">resources</a></li>
							<li shiro:hasAnyRoles ="manger,admin,staff"><a href="/account/profile">Profile</a></li>
						</ul>
					</li>
					
					<!-- for test -->
					<li>
						<a>
							<i class="fa fa-home"></i> 
							Test
							<span class="fa fa-chevron-down"></span>
						</a>
						<ul class="nav child_menu">
							<li><a href="/test/thymeleafIndex">thymeleafIndex</a></li>
							<li><a href="/test/vueIndex">vueIndex</a></li>
						</ul>
					</li>
					
					<li>
					<a>
						<i class="fa fa-sitemap"></i> 
						三级菜单实例
						<span class="fa fa-chevron-down"></span>
						</a>
						<ul class="nav child_menu">
							<li>
								<a href="#level1_1">
									Level One
								</a>
							<li>
							<a>
								Level Two
								<span class="fa fa-chevron-down"></span>
							</a>
								<ul class="nav child_menu">
									<li class="sub_menu">
										<a href="javascript:void(0)">Level Two</a>
									</li>
									<li>
										<a href="javascript:void(0)">Level Two</a>
									</li>
									<li>
										<a href="javascript:void(0)">Level Two</a>
									</li>
								</ul>
							</li>
							<li><a href="javascript:void(0)">Level Three</a></li>
						</ul>
					</li>
				</ul>
			</div>

		</div>
		<!-- /sidebar menu -->

		<!-- /menu footer buttons -->
		<div class="sidebar-footer hidden-small">
			<a data-toggle="tooltip" data-placement="top" title="Settings"> <span
				class="glyphicon glyphicon-cog" aria-hidden="true"></span>
			</a> <a data-toggle="tooltip" data-placement="top" title="FullScreen">
				<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
			</a> <a data-toggle="tooltip" data-placement="top" title="Lock"> <span
				class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
			</a> <a data-toggle="tooltip" data-placement="top" title="Logout"
				href="login.html"> <span class="glyphicon glyphicon-off"
				aria-hidden="true"></span>
			</a>
		</div>
		<!-- /menu footer buttons -->
	</div>
</div>